@use "./themes.scss";

// 全局变量
:root {
    // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
    --g-header-width: 100%;
    // 头部高度
    --g-header-height: 70px;
    // 头部高度
    --g-header-height-mobile: 50px;
    // 侧边栏宽度
    --g-main-sidebar-width: 70px;
    --g-sub-sidebar-width: 220px;
    // 侧边栏Logo高度
    --g-sidebar-logo-height: 50px;
    // 顶栏高度
    --g-topbar-height: 50px;
    // 内容padding
    --g-page-padding: 70px;
    // 内容居中宽度
    --g-content-width: 1200px;
}

/* // 屏幕大于 1024px 或小于 1440px 时应用该样式
@media screen and (min-width: 1500px) and (max-width: 1920px) {
    html {
        font-size: 16px;
    }
}
// 屏幕大于 1024px 或小于 1440px 时应用该样式
@media screen  and (min-width: 1200px) and (max-width: 1500px) {
    html {
        font-size: 14px;
    }
}
// 屏幕大于 1024px 或小于 1440px 时应用该样式
@media screen  and (min-width: 992px) and (max-width: 1200px) {
    html {
        font-size: 16px;
    }
} */

// 全局样式

/* ::-webkit-scrollbar {
    display: none;
} */
::-webkit-scrollbar-thumb {
    background-color: rgb(0 0 0 / 40%);
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(0 0 0 / 50%);
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar {
    display: none;
}
* {
    box-sizing: inherit;
}

// textarea 字体跟随系统
textarea {
    font-family: inherit;
}
.w100 {
    width: 100%;
}
.fz12 {
    font-size: 12px;
}
.fz13 {
    font-size: 13px;
}
.fz14 {
    font-size: 14px;
}
.fz16 {
    font-size: 16px;
}
.fz24 {
    font-size: 24px;
}
.fw600 {
    font-weight: 600;
}
.fz36 {
    font-size: 36px;
}
.mt0 {
    margin-top: 0 !important;
}
.mt6 {
    margin-top: 6px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt30 {
    margin-top: 30px;
}
.ml10 {
    margin-left: 10px;
}
.ml11 {
    margin-left: 11px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml50 {
    margin-left: 50px;
}
.mb20 {
    margin-bottom: 20px;
}
.width30 {
    width: 30px;
}
.width60 {
    width: 60px;
}
.width150 {
    width: 150px;
}
.width130 {
    width: 130px;
}
.width200 {
    width: 200px;
}
.width110 {
    width: 110px;
}
.width70 {
    width: 70px;
}
.width90 {
    width: 90px;
}
.width80 {
    width: 80px;
}
.width120 {
    width: 120px;
}
.width122 {
    width: 122px;
}
.width160 {
    width: 160px;
}
